<script>

export default {
  name: 'XtxHello',
  render () {
    // jsx 语法，跟我们正常写dom很像
    // 注意点：
    // 1. 每个jsx 必须有且仅有一个根节点
    // 2. 在return 的时候 如果想换行，需要用 （）包裹起来

    // jsx中要写 js 需要用{} 包裹起来
    const isLoading = true
    const list = ['抽烟', '喝酒', '烫头']
    if (isLoading) {
      return (<div>666
      <ul>
      {list.map(item => <li>{item}</li>)}
      {list.filter(item => { return item !== '喝酒' ? <li>{item}</li> : <li>{item}</li> })}
      </ul>
      {!isLoading ? <div>显示</div> : <div>loading...</div>}
      </div>)
    } else {
      return <p>loading...</p>
    }
  }
}
</script>

<style lang="scss" scoped>
</style>
